{extend name='common/common_layout'/}
{block name='source'}
    <link rel="stylesheet" href="__HOME__/css/news.css">
    <link rel="stylesheet" href="__HOME__/css/spd.css">
    <meta name="keywords" content="{$s.kw}">
    <meta name="description" content="{$s.desc}">
{/block}
{block name='title'}
    
{/block}
{block name='center'}
<div class="supply-container">
    <div class="supply-img">
        <div id="show-container" style="background-image: url({$s.thumb});" url-attr="{$s.thumb}"></div>
        <div id="img-list">
            {foreach $s_img as $item}
                <img src="{$item.img}" alt="{$s.name}">
            {/foreach}
        </div>
    </div>
    <div class="supply-content">
        <span class="supply-content-title">{$s.name}</span>
        <div class="supply-content-price">
            {if $s['price'] != 0}
            <span style="font-size: 14px;color: #999;margin-right: 10px;">单价</span>
            <span style="font-size: 28px;color: #FC4B22;font-weight: 600;">{$s.price}</span>
            <span style="font-size:14px;color: #999;font-weight: 400;">元/{$s.unit}</span>
            {else}
            <span style="font-size: 28px;color: #FC4B22;font-weight: 600;">面议</span>
            {/if}
        </div>
        <div class="supply-content-main">
            <div class="supply-content-main-label">
                <div>规格:</div>
                <div>产地:</div>
                <div>交易地:</div>
                <div>发布时间:</div>
            </div>
            <div class="supply-content-main-item">
                <div>{$s.size}</div>
                <div>{$s.origin}</div>
                <div>{$s.trad_place}</div>
                <div>{$s.add_time}</div>
            </div>
        </div>
        <div class="supply-content-btn">
            <button type="button" class="layui-btn layui-btn-success" onclick="get_qr_code()">立即获取卖家联系方式</button>
        </div>
    </div>
</div>
<div class="supply-detail">
    <div class="supply-detail-nav"></div>
    <div class="supply-detail-text">
        {$s.detail_text}
    </div>
    <div class="supply-detail-img">
        {foreach $s_img as $item}
            <img src="{$item.img}" alt="">
        {/foreach}
    </div>
</div>
<script src="__HOME__/js/spd.js"></script>

{/block}
{block name='right'}
<div class="hot-message">
    <div class="hot-title">
        <div style="height: 3vw;font-size: 1.5rem;"><img src="__IMAGE__/common/fire.png"
                style="position: relative; width: 2vw;object-fit: contain;padding-bottom: 10px;">资讯热榜
        </div>
    </div>
    <hr class="layui-bg-gray">
    <ol>
        {foreach $news_hot1 as $key => $n_h1}
        <li>
            <div class="hot-box">
                <a href="/?{$n_h1.hash_str}">
                    <div class="top-box">
                        <img src="{$n_h1.thumb}" class="hot1">
                        <div class="top">Top {$key+1}</div>
                    </div>

                    <div class="hot-massage-title1">{$n_h1.title}</div>
                </a>
            </div>
        </li>
        {/foreach}

        {foreach $news_hot2 as $key => $n_h2}
        <li>
            <div class="hot-box layui-row">
                <a href="/?{$n_h2.hash_str}">
                    <div class="layui-col-md3 hot-box2">
                        <img src="{$n_h2.thumb}" class="hot2">
                        <div class="top1">{$key+3}</div>
                    </div>
                    <div class="layui-col-md9">
                        <div class="hot_title">{$n_h2.title}</div>
                        <div class="hot_title_time2">{$n_h2.updatetime}</div>
                    </div>
                </a>

            </div>
        </li>
        {/foreach}

    </ol>

</div>
{/block}